Introduction to Web Development using HTML 5
By: Kris Jamsa, Ph.D.

Chapter 2: Integrating Images

This chapter examines all aspects of webpage image use. By the time you finish this chapter, you will understand the following key concepts:

● How to use the <img> tag to place an image within a webpage
● What the difference is between absolute and relative image URLs
● Why and how to specify alternative text for an image
● How to specify an image’s height and width using <img> tag attributes
● How to center an image within a webpage
● How copyrights affect which images you can and can’t use within a webpage
● What you must know about image types and file sizes
● How to optimize graphics for Web use
● How to display a page background image
● How to display an image border, and how to use the border to round image corners
● How to pad an image with pixels to provide space between the image and other page elements
● How to control image opacity
● How to align text and images
● How to position an image at a fixed location
● How to rotate an image

Chapter PowerPoint Presentation


FirstImage.html
ImageInline.html
ThreeImages.html
ThreeStackedImages.html
AtImageText.html
FixedImageSize.html
PercentImageSizes.html
CenterImage.html
FirstImage.html
GIFDemo.html
SmileBackground.html
ImageBorders.html
ImageBorderRadius.html
SixImages.html
SixPaddedImages.html
ImageOpacity.html
FloatImage.html
ImageAbsolute.html
ImageStack.html
RotateImage.html